<template>
  <div class="card flex justify-center">
    <Dialog
      v-model:visible="visible"
      modal
      header="Header"
      :style="{ width: '50vw' }"
      :breakpoints="{ '1199px': '75vw', '575px': '90vw' }"
    >
      <CartList />
    </Dialog>
  </div>
</template>

<script setup>
import { useVisibleStore } from "@/stores/visible";
import { storeToRefs } from "pinia";
import CartList from "@/components/CartList.vue";

const { visible } = storeToRefs(useVisibleStore());
</script>
